<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
   <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
   <title>Modifying a Node with YUI3</title>

   <style type="text/css">
      /*margin and padding on body element
      can introduce errors in determining
      element position and are not recommended;
      we turn them off as a foundation for YUI
      CSS treatments. */
      body {
      margin:0;
      padding:0;
      }
   </style>

   <link type="text/css" rel="stylesheet" href="http://yui.yahooapis.com/3.3.0/build/cssfonts/fonts-min.css" />
   <script type="text/javascript" src="http://yui.yahooapis.com/3.3.0/build/yui/yui-min.js"></script>

<!--there is no custom header content for this example-->

</head>

<body class="yui3-skin-sam yui-skin-sam">


   <h1>Modifying a Node</h1>

   <div class="exampleIntro">
      <p>This example shows how to modify a node using YUI.</p>
      <button type="button" id="pushButton">Click Me!</button>
   </div>

   <style>
      #demo {
      height: 100px;
      width: 100px;
      border: 1px solid black;
      background-color: #8DD5E7;
      text-align: center;
      }
   </style>

   <div id="demo"></div>
   
   <div id="editsTable"></div>

   <script type="text/javascript" src="button.js"></script>

</body>
</html>
